// userPageC/pages/vouchersList/vouchersList.js
const app = getApp(); 
const WXAPI = require("../../../api/newApi"); 
Page({

  /**
   * 页面的初始数据
   */
  data: {
    nvabarData: {
      showCapsule: 1,
      // 是否显示左上角图标   1表示显示    0表示不显示 
      title: '我的优惠券',
      // 导航栏 中间的标题
      textColor: '#222',
      // 标题颜色
      bgColor: '#fff',
      // 导航栏背景颜色
      isloading: true,
      isColor: true 
    },
    navList: [
      {id: '',value: '全部'},
      {id: '1',value: '满减券'},
      {id: '2',value: '折扣券'},
    ],
    current: '',
    vouchersList: [],
    isPull: true,//是否刷新
    lodingtype: 1,//加载状态（0：加载中  1：加载完成没有更多）
    pageSize: 10,
    pageNum: 1,
    couponType: '',
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.getList()
  },
  init(){
    this.setData({
      pageNum: 1,
      isPull: true,
      vouchersList: [],
    })
  },
  handleNav(e){
    const id = e.currentTarget.dataset.id
    this.setData({
      current: id,
      couponType: id,
    })
    this.init()
    this.getList()
  },
  //获取列表
  getList(){
    const that = this;
    wx.showLoading({
      title: '加载中',
      mask: true
    });
    var data = {
      couponType: this.data.couponType,
      pageSize: this.data.pageSize,
      pageNum: this.data.pageNum,
    }
    WXAPI.canUseList(data, res => {
      const {size,total,records} = res.result;
      var list = [];
      var vouchersList = this.data.vouchersList;
      if (res.code === 200) {
        if (this.data.pageNum >= Math.ceil(total / size)) {
          this.setData({
            lodingtype: 1,
            isPull: false
          });
        } else {
          this.setData({
            lodingtype: 0,
            isPull: true
          });
        }
        wx.hideLoading();
        list = records
        list = list.map(item => {
          item.isShow = false
          return item
        })
        this.setData({
          vouchersList: vouchersList.concat(list)
        });
        if (this.data.vouchersList.length==0) {
          this.setData({
            isNull: true
          })
        }else{
          this.setData({
            isNull: false
          })
        }
      }
    });
  },
  //优惠券详情
  handleDetail(e){
    var id = e.currentTarget.dataset.id
    wx.navigateTo({
      url: '/userPageC/pages/vouchersDetail/vouchersDetail?id='+id,
    })
  },
  //优惠券使用记录
  handleRecord(){
    wx.navigateTo({
      url: '/userPageC/pages/vouchersRecord/vouchersRecord',
    })
  },
  //使用说明展开
  infoShow(e){
    var id = e.currentTarget.dataset.id
    console.log('id',id)
    this.data.vouchersList = this.data.vouchersList.map(item => {
      if(item.id == id){
        if(item.isShow){
          item.isShow = false
        }else{
          item.isShow = true
        }
      }else{
        item.isShow = false
      }
      return item
    })
    console.log('this.data.vouchersList',this.data.vouchersList)
    this.setData({
      vouchersList: this.data.vouchersList
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

    /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    if (this.data.isPull == true) {
      var pageNum = this.data.pageNum;
      pageNum++;
      console.log("触底了", pageNum);
      this.setData({
        pageNum: pageNum
      });
      this.getList();
    }
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})